$(function(){
    //点击跳转
    $('.login').on("click",function(){
        location = "login.html"
    })
    //禁止a标签默认事件
    $('a').on('click',function(){
        return false
    })
    //顶部的下拉菜单
    $(".nav_menu").find(".link-holder").on("mouseenter",function(){
        $(this).parents(".nav_menu").find(".menuaa").css("display","block")
    })
    $(".nav_menu").find(".link-holder").on("mouseleave",function(){
        $(this).parents(".nav_menu").find(".menuaa").css("display","none")
    })
    //滚动
    $(window).on("scroll",function(){
        let topH = $(".top_box").height();
        let topH1= $(".main_c").height()+topH;
        let scrollTop =$(document).scrollTop();
        if(scrollTop>topH){
            $(".mian-headerbox").css("position","fixed")
            $(".mian-headerbox").css("top",0)
        }else{
            $(".mian-headerbox").css("position","static")
        }
        if(scrollTop>topH1){
            $(".h3-nav-list").addClass("fixed")
        }else{
            $(".h3-nav-list").removeClass("fixed")
        }
    })
    //二维码
    let num=1;
        setInterval(function(){
            num++;
            if($(".h3-2ma-line").position().top>167){
                num=1
                $(".h3-2ma-line").css("top",3);
            }
            $(".h3-2ma-line").stop().animate({top:168},2000)
        },2000)
    $(".h3-t.ll").on("mouseenter",function(){
        $(this).find(".h3-2ma").css("display","block")
        
    })
    $(".h3-2ma").on("mouseleave",function(){
        $(this).css("display","none")
    })
    $(window).on("resize",function(){
        let $width= $(window).width()
        if($width<=1343){
            $(".h3-nav-list").addClass("byleft")
        }else{
            $(".h3-nav-list").removeClass("byleft")
            Array.from($('.h3-right-r')).forEach((el,index,arr) => {
                if(arr.length>1){
                    console.log(arr.length);
                    el.remove();
                }
            });
            $(`<div class="h3-right-r">></div>`).appendTo($(".h3-nav-list"))
        }
    })
    window.onload=function(){
        let $width= $(window).width()
        if($width>=1343){
            $(".h3-nav-list").addClass("byleft")
            $(`<div class="h3-right-r">></div>`).appendTo($(".h3-nav-list"))
        }else{
            $(".h3-nav-list").removeClass("byleft")
            $(".h3-right-r").remove();
        }
        $('body').on("mouseenter",".h3-right-r",function(){
            $(".h3-right-r").parents(".h3-nav-list").addClass("out")
        })
        $('body').on("mouseleave",".h3-nav-list",function(){
            $(".h3-nav-list").removeClass("out")
        })
    }
    
    $(".s-img-box").on("mouseenter",function(){
        $(this).parents('a').next('.cat-i').stop().animate({top:-40,opacity:"1"},200)
    }).on("mouseleave",function(){
        $(this).parents('a').next('.cat-i').stop().animate({top:0,opacity:"0"},200)
    })
    //随机颜色
    function randcolor(){
        let strcolor='#'
        for(let i=0;i<6;i++){
            strcolor+=parseInt(Math.random()*6).toString(16)
        }
        return strcolor
    }
    $('.cor--list').children().each((index,el)=>{
        $(el).css("backgroundColor",randcolor())
    })   

    $(".h3-p-nav").on("click",function(){
        $(this).addClass("active").siblings().removeClass("active")
        let $index = $(this).index();
        $(".tdh").eq($index).addClass("active").siblings().removeClass("active")
    })
    //跳转到购物车
    $(".cart").on("click",function(){
        location.href="cart.html"; 
    })
    //跳转
    $(".tiao1").on('click',function(){
        //获取当前滚动条搞度
        let scrollTop = $(window).scrollTop()
        console.log(scrollTop);
        //设置一个目标高度
        let tagetTop = 490;
        //动画到指定高度
        $('html,body').animate({scrollTop:tagetTop}) 
    })
    $(".tiao2").on('click',function(){
        //获取当前滚动条搞度
        let scrollTop = $(window).scrollTop()
        console.log(scrollTop);
        //设置一个目标高度
        let tagetTop = 1045;
        //动画到指定高度
        $('html,body').animate({scrollTop:tagetTop}) 
    })
    
    //回到顶部
    $(window).on("scroll",function(){
        let scrollTop = $(window).scrollTop();
        if(scrollTop>100){
            $(".backTop").show()
        }else{
            $(".backTop").hide();
        }
        
    })
    $('.backTop').on("click",function(){
        $('html,body').animate({scrollTop:0})
    })
    //点击跳转商品详情页
    for(let i =1;i<8;i++){
        let a = `.s-s${i}`;
        $(a).on("click",function(){
            location = 'fangdajing.html'
        })
    }
})




